<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta charset="utf-8"> -->
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>TCTNB SharingResource</title>
<link href="<%=request.getContextPath()%>/js/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/work.js"></script>
</head>
<body style="height:3000px;">
<style type="text/css">

/* searchbox */
.searchbox{background:#3366cc;height:28px;width:720px;margin:20px auto;padding:7px 0 0 10px;width:380px;z-index:100;margin-top: 25px;}
#keyword{float:left;height:21px;line-height:21px;border:none;padding:0px;}
#searchsort{float:left;position:relative;display:none;width:66px;overflow:hidden;height:21px;background-color:#fff;font-size:12px;z-index:108}
#searchsort .selectedsort{height:17px;padding-top:4px;color:#555;line-height:1;text-align:center;white-space:nowrap;}
#searchsort .searchsortlist{position:absolute;text-align:left;width:64px;display:none;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.3);left:1px;top:21px;border:1px solid #ccc;border-top:none;color:#555;}
#searchsort .sortico{width:7px;height:4px;display:inline-block;font-size:0px;vertical-align:middle;margin-left:3px;background:url(<%=request.getContextPath()%>/js/images/searchIco.png) no-repeat;}
#searchsort .searchItem{height:21px;line-height:21px;padding-left:4px;cursor:pointer;}
#searchbtn{float:left;display:inline;margin:0px 0px 0px 3px;width:62px;height:23px;border:none;cursor:pointer;padding:0px;background:url(<%=request.getContextPath()%>/js/images/kwbtn.jpg) no-repeat;}  
.logo{z-index:111;position: absolute;margin-left: 30px;}
.box_a{position: relative;}
</style>
<div class="login" id="adminlogin" style="text-align: right;"><a href="login" style="color: rgb(217, 41, 38);">[管理者登陆]</a>&nbsp;&nbsp;&nbsp;</div>
<div class="box_a">
<div class="logo">
  <img src="<%=request.getContextPath()%>/js/images/logo.png" width="273" height="64" alt=""/> </div>
 
<div class="searchbox">
    <input name="keyword" id="keyword" type="text" style="width:228px" placeholder="输入关键词-分类搜索" />
	<div id="searchsort" style="width:0px;">
		<div class="selectedsort">
			<span class="itemName" id="itemName" name="itemName">全部</span>
			<span class="sortico"></span>
		</div>
		<div class="searchsortlist">
			<div class="searchItem on">全部</div>
			<div class="searchItem">windows</div>
			<div class="searchItem">Ubuntu</div>
            <div class="searchItem">安装文档</div>
            <div class="searchItem">其他软件</div>
		</div>
	</div>
	<input type="submit" id="searchbtn" value="" />
</div>



<br />
<br />
<br />
<div class="navbg">
  <div class="col960">
    <ul id="navul" class="cl">
      <li class="navhome"><a href="#" target="_blank">首页</a></li>
      <li><a  id='windowsBotton' title="Windows"  style="color: rgb(255, 255, 255);">Windows软件<img   src="<%=request.getContextPath()%>/js/images/2.png" width="28" height="26" alt="" style="position: absolute; margin-top: 6px;border:none;" class="imgshow"/></a>
        
      </li>
      <li><a  id='ubuntuBotton' title="Ubuntu"  style="color: rgb(255, 255, 255);">Ubuntu软件<img src="<%=request.getContextPath()%>/js/images/2.png" width="31" height="26" alt="" style="position: absolute; margin-top: 6px;border:none;" class="imgshow"/></a>
       
      </li>
      <li><a href="#" title="安装文档">安装文档</a>

      </li>
      <li><a href="#" title="其他软件">其他软件</a>
      
      </li>

    </ul>
  </div>
</div>
</div>
<script  type="text/javascript"> 
$(".navbg").capacityFixed();
</script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/search.js"></script>
<script type="text/javascript">nipicIndexSearch();</script>
<div style="text-align:center;clear:both">
</div>
<br />
<div >
<table width="1000px" border="0" style="margin: 0px auto">
  <tbody>
    <tr>
      <td align="center">
        <table width="70%" border="0">

  <tbody>
    <tr>
      <th colspan="4" align="left" style="text-align: left;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
border-bottom: 1px solid #CCC;
background-color: #EEE;
background-image: -moz-linear-gradient(center top , #F5F5F5, #EEE);font-size: 15px;">office2010办公软件</th>
      </tr>
    <tr>
      <td width="90" align="left">软件类型：</td>
      <td width="82" align="left" valign="middle">windows</td>
      <td width="86" align="right">上传时间：</td>
      <td width="421" align="left">2015-10-26 17:12:12</td>
    </tr>
    <tr>
      <td colspan="4" align="left" class="desTd">软件介绍：</td>
      </tr>
    <tr>
      <td colspan="4" align="left" class="desDiv">这里没有介绍</td>
      </tr>
    <tr>
      <td width="90" align="left">下载地址：</td>
      <td align="left" valign="middle">点击下载</td>
      <td align="right">&nbsp;</td>
      <td align="right">&nbsp;</td>
    </tr>
    </tbody>
</table>

      
    </tr>
    
  </tbody>
</table>

</div>


</body>

</script>
</html>
